<template>
  <div style="width: 1000px">
    <el-radio-group v-model="labelPosition" size="small">
      <el-radio-button label="left">左对齐</el-radio-button>
      <el-radio-button label="right">右对齐</el-radio-button>
      <el-radio-button label="top">顶部对齐</el-radio-button>
    </el-radio-group>
    <div style="margin: 20px;"></div>
    <el-form :label-position="labelPosition" label-width="80px" :model="articleAudit" disabled>
      <el-form-item label="文章编号">
        <el-input v-model="articleAudit.articleId"></el-input>
      </el-form-item>
      <el-form-item label="文章标题">
        <el-input v-model="articleAudit.articleTitle"></el-input>
      </el-form-item>
      <el-form-item label="创建时间">
        <el-input v-model="articleAudit.crateTime"></el-input>
      </el-form-item>
      <el-form-item label="审核人">
        <el-input v-model="articleAudit.teacherName"></el-input>
      </el-form-item>
      <el-form-item label="审核意见">
        <el-input v-model="articleAudit.articleContent"></el-input>
      </el-form-item>
      <el-form-item label="审核时间">
        <el-input v-model="articleAudit.istop"></el-input>
      </el-form-item>
    </el-form>
    <el-button  @click="turnPage(articleId,'list')">返回</el-button>
  </div>
</template>

<script>
  import {SystemManageService} from '../SystemManageService'
  export default {
    name: "DisplayArticleAudit",
    data(){
      return{
        labelPosition: 'right',
        articleAudit:{}
      }
    },
    props:{
      articleId:''
    },
    mounted: function () {
      this.findOpinionById(this.articleId);
    },
    methods: {
      turnPage(articleId, type) {
        this.$emit('turnPage', articleId, type)
      },
      findOpinionById(articleId) {
        console.log(articleId);
    SystemManageService.findOpinionById(articleId).then(res => {
      this.articleAudit = res.data;
    })
  },
    }
  }
</script>

<style scoped>

</style>
